<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
</head>
<body>
    <div class="contianer">
        <!-- 第一部分 -->
          <div class="d1">
             <div class="dd1">
                 <img src="./images/01.png" alt="">
             </div>
             <div class="dd2">
                <a href=""><span>科智首页</span></a>
                <span>|</span>
                <a href=""><span>服务项目</span></a>
                <span>|</span>
                <a href=""><span>案例展示</span></a>
                <span>|</span>
                <a href=""><span>技术观点</span></a>
                <span>|</span>
                <a href=""><span>关于我们</span></a>
                <span>|</span>
                <a href=""><span>联系我们</span></a>
             </div>
          </div>


          <!-- 第二部分 -->
           <div class="d2">
                  <img src="./images/02.png" alt="">
           </div>


           <!-- 第三部分 -->
            <div class="d3">
                    <h1>我们的服务</h1>
                    <p>OUR SERVICE</p>
                    <p>科智网络,让您的企业赢订单,赢客户</p>
            </div>


            <!-- 第四部分 -->
             <div class="d4">
                    <div class="box1">
                        <div class="tu">
                            <i class="iconfont icon-diannaoshouji01"></i>
                        </div>
                        <div class="wz">
                             <h2>PC端/移动端界面设计及开发</h2>
                             <p class="wz1">专业的网站设计及开发服务,包括企业网站,互联网产品网站,电商网站,社交及应用类网站</p>
                             <p class="wz1">手机网站开发,手机APP,微信接口二次开发包括IOS,Android,Win等多平台</p>
                        </div>
                    </div>

                    <div class="box2">
                        <div class="tu">
                            <i class="iconfont icon-wangye"></i>
                        </div>
                        <div class="wz">
                             <h2>PC端/移动端界面设计及开发</h2>
                             <p class="wz1">专业的网站设计及开发服务,包括企业网站,互联网产品网站,电商网站,社交及应用类网站</p>
                             <p class="wz1">手机网站开发,手机APP,微信接口二次开发包括IOS,Android,Win等多平台</p>
                        </div>
                    </div>

                    <div class="box3">
                        <div class="tu">
                            <i class="iconfont icon-huowudui"></i>
                        </div>
                        <div class="wz">
                             <h2>PC端/移动端界面设计及开发</h2>
                             <p class="wz1">专业的网站设计及开发服务,包括企业网站,互联网产品网站,电商网站,社交及应用类网站</p>
                             <p class="wz1">手机网站开发,手机APP,微信接口二次开发包括IOS,Android,Win等多平台</p>
                        </div>
                    </div>

                    <div class="box4">
                        <div class="tu">
                            <i class="iconfont icon-weixin"></i>
                        </div>
                        <div class="wz">
                             <h2>PC端/移动端界面设计及开发</h2>
                             <p class="wz1">专业的网站设计及开发服务,包括企业网站,互联网产品网站,电商网站,社交及应用类网站</p>
                             <p class="wz1">手机网站开发,手机APP,微信接口二次开发包括IOS,Android,Win等多平台</p>
                        </div>
                    </div>

                    <div class="box5">
                        <div class="tu">
                            <i class="iconfont icon-Site"></i>
                        </div>
                        <div class="wz">
                             <h2>PC端/移动端界面设计及开发</h2>
                             <p class="wz1">专业的网站设计及开发服务,包括企业网站,互联网产品网站,电商网站,社交及应用类网站</p>
                             <p class="wz1">手机网站开发,手机APP,微信接口二次开发包括IOS,Android,Win等多平台</p>
                        </div>
                    </div>

                    <div class="box6">
                        <div class="tu">
                            <i class="iconfont icon-huabanfuben"></i>
                        </div>
                        <div class="wz">
                             <h2>PC端/移动端界面设计及开发</h2>
                             <p class="wz1">专业的网站设计及开发服务,包括企业网站,互联网产品网站,电商网站,社交及应用类网站</p>
                             <p class="wz1">手机网站开发,手机APP,微信接口二次开发包括IOS,Android,Win等多平台</p>
                        </div>
                    </div>
             </div>


             <!-- 第五部分 -->
              <div class="d5">
                    <h1>关于科智</h1>
                    <p>ABPPUT TECHRICH</p>
                    <p>秉持坚持,创新,专业,专注的理念,为客户提供最前沿的服务</p>
              </div>

              <!-- 第六部分 -->
              <div class="d6">
                    <div class="dd1">
                        <h2>科智简介</h2>
                        <p>本公司是一家从事网站制作、软件开发、系统集成及网络产品销售等相关业务为一体的专业计算机网路有限公司，本公司技术力量雄厚，有一流的软、硬件工程师及网络技术人才，有完善的售后服务体系。公司始终坚持“顾客至上、诚信为本，专业精致、卓越创新”的经营理念，以最优质的产品，最实惠的价格、最全面的服务竭诚为广大顾客服务。</p>
                        <img src="./images/03.png" alt="" class="tu1">   
                        <img src="./images/04.png" alt="" class="tu2">   
                        <img src="./images/05.png" alt="" class="tu3">   
                        <img src="./images/06.png" alt="" class="tu4">
                        <img src="./images/07.png" alt="" class="tu5">   
                    </div>

                    <div class="dd2">
                       <h2>最新动态</h2>
                       <p><a href="">&gt;&nbsp;网站建设必须做好的几个优化位置<span class="wz">2016-1-10</span></a></p>
                       <p><a href="">&gt;&nbsp;网站建设必须做好的几个优化位置<span class="wz">2016-1-10</span></a></p>
                       <p><a href="">&gt;&nbsp;网站建设必须做好的几个优化位置<span class="wz">2016-1-10</span></a></p>
                       <p><a href="">&gt;&nbsp;网站建设必须做好的几个优化位置<span class="wz">2016-1-10</span></a></p>
                       <p><a href="">&gt;&nbsp;网站建设必须做好的几个优化位置<span class="wz">2016-1-10</span></a></p>
                       <p><a href="">&gt;&nbsp;网站建设必须做好的几个优化位置<span class="wz">2016-1-10</span></a></p>
                    </div>
              </div>

              <!-- 第七部分 -->
               <div class="d7">
                    <h1>关于科智</h1>
                    <p>ABPPUT TECHRICH</p>
                    <p>秉持坚持,创新,专业,专注的理念,为客户提供最前沿的服务</p>
               </div>


               <!-- 第八部分 -->
                <div class="d8">
                   <img src="./images/08.png" alt="">
                </div>

                <!-- 第九部分 -->
                <div class="d9">
                     <div class="dd1">
                        <h2>服务项目</h2>
                        <a href=""><p>&gt;&nbsp;H5网站</p></a>
                        <a href=""><p>&gt;&nbsp;定制性网站</p></a>
                        <a href=""><p>&gt;&nbsp;强大组件</p></a>
                        <a href=""><p>&gt;&nbsp;微网站</p></a>
                        <a href=""><p>&gt;&nbsp;创建多语言站点</p></a>
                        <a href=""><p>&gt;&nbsp;SEO优化</p></a>
                     </div>

                     <div class="dd2">
                        <h2>服务项目</h2>
                        <a href=""><p>&gt;&nbsp;H5网站</p></a>
                        <a href=""><p>&gt;&nbsp;定制性网站</p></a>
                        <a href=""><p>&gt;&nbsp;强大组件</p></a>
                        <a href=""><p>&gt;&nbsp;微网站</p></a>
                        <a href=""><p>&gt;&nbsp;创建多语言站点</p></a>
                     </div>

                     <div class="dd3">
                        <h2>服务项目</h2>
                        <a href=""><p>&gt;&nbsp;H5网站</p></a>
                        <a href=""><p>&gt;&nbsp;定制性网站</p></a>
                        <a href=""><p>&gt;&nbsp;强大组件</p></a>
                        <a href=""><p>&gt;&nbsp;微网站</p></a>
                        <a href=""><p>&gt;&nbsp;创建多语言站点</p></a>
                     </div>

                     <div class="dd4">
                        <h2>服务项目</h2>
                        <a href=""><p>&gt;&nbsp;H5网站</p></a>
                        <a href=""><p>&gt;&nbsp;定制性网站</p></a>
                        <a href=""><p>&gt;&nbsp;强大组件</p></a>
                        <a href=""><p>&gt;&nbsp;微网站</p></a>
                        <a href=""><p>&gt;&nbsp;创建多语言站点</p></a>
                     </div>

                     <div class="dd5">
                        <h2>服务项目</h2>
                        <a href=""><p>&gt;&nbsp;H5网站</p></a>
                        <a href=""><p>&gt;&nbsp;定制性网站</p></a>
                        <a href=""><p>&gt;&nbsp;强大组件</p></a>
                        <a href=""><p>&gt;&nbsp;微网站</p></a>
                        <a href=""><p>&gt;&nbsp;创建多语言站点</p></a>
                     </div>

                     <div class="dd6">
                         <img src="./images/09.png" alt="">
                     </div>
                </div>
    </div>
</body>
</html>